<template>
	<base-image v-if="vipImg" class="account-vip size-5" :src="vipImg" :type="serverType" />
</template>
<script lang="ts" setup>
import { BaseImage } from '@/components/base'
import { computed } from 'vue'
//import { useMemberStore } from '@/store'

defineProps({
	level: {
		type: Number
	},
	vipImg: {
		type: String,
		default: ''
	}
})

//const memberStore = useMemberStore()

const serverType = computed(() => {
	// if (props.level) {
	// 	return 'server'
	// }
	return 'network'
})

// const img = computed(() => {
// 	if (props.level === 0) {
// 		return 'activity/vip-table/default-level-1.svg'
// 	}
// 	return memberStore.vipList.find(({ level }) => props.level === level)?.logo
// })
</script>
